<template>
<!--  Home组件被简化，包含导航、头部和主内容三个组件。-->
  <div class="container">
    <!-- 导航菜单栏 -->
    <nav-bar></nav-bar>
    <!-- 头部区域 -->
    <head-bar></head-bar>
    <!-- 主内容区域 -->
    <main-content></main-content>
  </div>
</template>

<script>
  import HeadBar from "./HeadBar/HeadBar"
  import NavBar from "./NavBar/NavBar"
  import MainContent from "./MainContent/MainContent"

  export default {
    components:{
      HeadBar,
      NavBar,
      MainContent
    }
  };
</script>

<style scoped lang="scss">
  .container {
    /*max-width: 1140px;*/
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    // background: rgba(224, 234, 235, 0.1);
  }
</style>
